<!-- <div class="container-fluid">
	<div class="row">
		<table class="table table-striped  table-bordered table-hover">
		<table class="table table-striped table-bordered" cellspacing="0" width="100%">
			<thead>
				<tr>
					<th width="20%">申请日期</th>
					<th width="10%">申请类型</th>
					<th width="20%">开始日期</th>
					<th width="20%">结束日期</th>
					<th>其他原因</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="arb in viewModel.attendanceRightBean">
					<td>{{arb.requestDate | date:'yyyy/MM/dd HH:mm:ss'}}</td>
					<td>{{arb.requestType}}</td>
					<td>
						{{arb.startDate | date:'yyyy/MM/dd'}}
						<br>
						{{arb.startTime}}
						<span ng-if="arb.startToTime!=null">
							至  {{arb.startToTime}}
						</span>
					</td>
					<td>
						{{arb.endDate | date:'yyyy/MM/dd'}}
						<br>
						{{arb.endTime}}
					</td>
					<td>
						<span ng-if="arb.marryDate!=null">
							结婚登记日：{{arb.marryDate | date:'yyyy/MM/dd'}}
						</span>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div> -->
<div class="container-fluid">
		<div class="row search-range wizard">
			<ul class="steps">
				<li data-step="1" ng-class="{'complete':viewBatchProductAssignmentModel.viewIndex>0,'active':viewBatchProductAssignmentModel.viewIndex==0}"><span >申请信息</span><span class="chevron"></span></li>
				<li data-step="2" ng-class="{'complete':viewBatchProductAssignmentModel.viewIndex>1,'active':viewBatchProductAssignmentModel.viewIndex==1}"><span >审批信息</span><span class="chevron"></span></li>
			</ul>
			<div ng-if="viewBatchProductAssignmentModel.viewIndex==1" class="actions">
				<button type="button" class="btn btn-success"
                    ng-click="viewBatchProductAssignmentModel.previous()" >返回</button>
			</div>
		</div>
  </div>
  <div viewstack class="carousel slide" data-ride="carousel" view-index="viewBatchProductAssignmentModel.viewIndex">
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <div class="container-fluid">
          
          <div class="row">
			<!-- <table class="table table-striped  table-bordered table-hover"> -->
			<table class="table table-striped table-bordered" cellspacing="0" width="100%">
				<thead>
					<tr>
						<th width="20%">申请日期</th>
						<th width="10%">申请类型</th>
						<th width="20%">开始日期</th>
						<th width="20%">结束日期</th>
						<th width="20%">查看审批</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="arb in viewModel.attendanceRightBean">
						<td>{{arb.requestDate | date:'yyyy/MM/dd HH:mm:ss'}}</td>
						<td>{{arb.requestType}}</td>
						<td>
							{{arb.startDate | date:'yyyy/MM/dd'}}
							<br>
							{{arb.startTime}}
							<span ng-if="arb.startToTime!=null">
								至  {{arb.startToTime}}
							</span>
						</td>
						<td>
							{{arb.endDate | date:'yyyy/MM/dd'}}
							<br>
							{{arb.endTime}}
						</td>
						<td>
							<button type="button" class="btn btn-outline btn-info-search"
		                    ng-click="viewBatchProductAssignmentModel.next(arb)"
							ng-class="{true:'disabled',false:'btn-outline'}[viewBatchProductAssignmentModel.viewIndex==1]">查看</button>
							
						</td>
					</tr>
				</tbody>
			</table>
		</div>
          
          
		</div>
      </div>
      <div class="item">
        <div class="container-fluid">
        
	        <table class="table table-striped table-bordered" cellspacing="0"
				width="100%">
				<thead>
					<tr>
						<th width="20%">审批日期</th>
						<th width="20%">审批人</th>
						<th width="20%">审批状态</th>
						<th width="30%">审批意见</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="request in viewApprovalRecordModel.dataList">
						<td>{{request.approvalDate | date:'yyyy/MM/dd HH:mm:ss'}}</td>
						<td><span
							ng-hide="request.chineseName==null||request.chineseName==''">{{request.chineseName}}</span>
							<span ng-hide="request.chineseName!=null"
							ng-repeat="employeeName in request.employeeNameList"><span
								ng-hide="$index==0">或&nbsp</span>{{employeeName}} </span></td>
						<td>{{request.isApproveName}}</td>
						<td>{{request.approvalDescription}}</td>
					</tr>
				</tbody>
			</table>
			
        </div>
      </div>
    </div>
    
  </div>